<template>
	<!-- 评论 -->
	<view>
		<!-- 头部 -->
		<hx-navbar ref="hxnb" :config="config" />
		<!-- 内容 -->
		<view style="margin-top:18rpx;">
			<view class="content" v-for="(item,index) in listdate" :key="index"
				style="padding: 20rpx;background-color: #fff;margin-bottom: 5rpx;">
				<view class="flex">
					<view>
						<view class="flex">
							<image style="width: 94rpx;height:94rpx;" :src="item.image" mode=""></image>
							<view style="padding: 0 10rpx;line-height: 48rpx;">
								<view style="display: flex;font-size: 32rpx;">
									{{item.name}}
								</view>
								<view
									style="font-size: 28rpx;color: #9A9898;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 348rpx;">
									{{item.time}}
								</view>
							</view>
						</view>
						<view style="color: #9A9898;font-size: 32rpx;line-height: 60rpx;">
							{{item.message}}
						</view>
					</view>
					<image class="image" :src="item.img" mode=""></image>
				</view>
				<view style="margin-top: 10rpx;">
					{{item.con}}
				</view>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				config: {
					title: '评论',
					color: '#111111',
					backgroundColor: [1, '#FFFFFF'],
					border: true,
					// #ifdef H5
					backPage: '',
					// #endif
				},
				listdate: [{
						image: '../../static/topic/194.png',
						name: '开心の宝贝 ',
						message: '18人赞了作品《XXXXX》',
						time: '1小时前',
						img: '../../../images/me/me.png',
						con: '您好，为什么我的AE没有快速模糊，请问需要下载吗？我的AE版本是AE CC 2019 mac'
					},
					{
						image: '../../static/topic/194.png',
						name: '肖不羁4eaon',
						message: '回复了你的评论 ',
						time: '1小时前',
						img: '../../../images/me/me.png',
						con: '粘连效果可以“特效—扭曲—果冻效应修复”，之后再加一个“特效—遮罩—简单阻塞工具”，数值可根据画面自己调整看看。我就是这么做的，感觉有点效果，可以试试'
					}
				]
			}
		},
		onLoad() {},

		onShow() {},
		created() {
			this.getCollection(1, 10)
		},
		methods: {
			// 评论列表
			getCollection(num, size) {
				this.listdate = []
				let data = {
					pageNo: num,
					pageSize: size,
				}
				this.$api.publicList(data).then((res) => {
					console.log('哈哈哈嘿', res)
					// res.data.result.list.forEach((item) => {
					// 	item.createTime = this.$tools.fileTime(item.createTime)
					// })
					// if (num == 1) {
					// 	this.commentData = res.data.result.pageResult.list
					// } else {
					// 	this.commentData = this.projectList.concat(res.data.result.pageResult.list)
					// }
					// this.mescroll.endBySize(res.data.result.pageResult.list.length, res.data.result.pageResult
					// 	.total);
				})
			},
			//返回上一页
			goBack() {
				uni.navigateBack(1)
			},
		}
	}
</script>

<style scoped>
	.image {
		width: 214rpx;
		height: 158rpx;
	}

	.flex {
		display: flex;
		justify-content: space-between;
	}
</style>
